<!-- home主页的子组件又为父组件 -->

<template>
    <div class="main-wrap clearfix">

        <!-- 身体左右区域 -->
        <div class="main-left-right-box">
            <mainleft></mainleft>
            <mainRights></mainRights>
        </div>
    </div>
</template>

<script>
// 自由行标题
// import entryChildren from './mainChildren/entryTitle.vue'
// 身体左右区域
import mainleft from './mainChildren/mainLeft.vue'
import mainRights from './mainChildren/mainRight.vue'
export default {

    data() {
        return {
            
        };
    },
    components:{
        // entryChildren,
        mainRights,
        mainleft,
        
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
.main-wrap{
    // position: relative;
    width: 100%;
    min-height: 800px;
    // background: rgb(74, 231, 236);
    margin-top: -100px;
    .main-left-right-box{
        width: 1200px;
        box-sizing: border-box;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
    }
    // .postition-wrap{
    //     position: absolute;
    //     top: 0;
    // }
}
</style>